<!DOCTYPE html>
<html>
	<head>
		<style>
			body{
				font-family:"宋体";
				sans-serif;
				width: 800px;
				margin:0 auto;
				padding: 20px;
			}
			h1{
				text-align: center;
				margin-bottom:30px ;
			}
			.link-list{
				column-count: 2;
				column-gap: 80px;
				margin-bottom:40px;
			}
			.link-list a{
				display: block;
				margin: 8px 0;
				color: #0000EE;
				text-decoration: underline;
			}
			.term-explain{
				margin:30px 0;
				line-height:1.6 ;
			}
			.term-explain h3{
				margin: 0 0 10px 0;
				font-size: 18px;
			}
		</style>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<h1>成语解释</h1>
		<div class="link-list">
			<a href="#jingwei">精卫填海</a>
			<a href="#haishi">海市蜃楼</a>
			<a href="#gaoshan">高山流水</a>
			<a href="#woxin">卧薪尝胆</a>
			<a href="#jinzhi">金枝玉叶</a>
			<a href="#sihai">四海一家</a>
			<a href="#chuanzhen">穿针引线</a>
			<a href="#wuyou">无忧无虑</a>
			<a href="#luodi">落地归根</a>
			<a href="#shipo">石破天惊</a>
		</div>
		<div class="term-explain" id="jingwei">
			<h3>精卫填海</h3>
			<p>精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海精卫填海</p>
		</div>
		<div class="term-explain" id="haishi">
			<h3>海市蜃楼</h3>
			<p>海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼海市蜃楼</p>
		</div>
		<div class="term-explain" id="gaoshan">
			<h3>高山流水</h3>
			<p>高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水高山流水</p>
		</div>
		<div class="term-explain" id="woxin">
			<h3>卧薪尝胆</h3>
			<p>卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆卧薪尝胆水</p>
		</div>
	</body>
</html>
